<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="passageList.css">
    <!--<script src="index.js"></script>>-->

</head>

<body>

    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo-container">
                <a class="nav-logo" href="#" >EDU Chain</a>
            </div>

            <div class="nav-search-container">
                <img class="nav-search-icon" src="search.png"/>
            </div>


            <div class="nav-menu-container">
                <img class="nav-menu" src="menu.png"/>
            </div>

            <div class="nav-user-container">
                <img class="nav-drop" src="login.png"/>
                <a class="nav-login" href="#">Log In</a>
            </div>
        </div>
    </nav>


    <div class="passages">

        <div class="passage-name-container">
            <a class="passage-name">文章文章文章</a>
        </div>

        <div class="passage-userinfo-container">
            <div class="user-image"></div>
            <div class="user-name-time">EDU用户·2017-09-21 13：50</div>
        </div>

        <div class="passage-main-container">
            在自我肯定需求理论之上搭建的社区论坛EDU论坛是我们学习相应知识、理论，交流自己意见观点的自由空间，在这里我们不仅能对已有的理论进行一番深入的了解和探讨，还将在此基础之上挖掘新的内涵。
        </div>


        <div class="passage-comment">
            <div class="like-container">
                <img class="like-icon" src="like.png"/>
                <p class="like-number">2323</p>
            </div>
            <div class="collect-share">
                <img class="collect-icon" src="like.png"/>
                <p>收藏</p>
            </div>
            <div class="collect-share">
                <img class="share-icon" src="like.png"/>
                <p>分享</p>
            </div>
        </div>

        <div class="passage-reply">
            <div class="reply-num">
                <b id="reply-num-word">9条评论</b>
                <div id="line">
                </div>
            </div>

            <div class="reply-container">
                <div class="user-image"></div>
                <div class="reply-content-container">
                    <div class="reply-user-name">lalalallake</div>
                    <div class="reply-content">在自我肯定需求理论之上搭建的社区论坛EDU论坛是我们学习相应知识、理论，交流自己意见观点的自由空间，在这里我们不仅能对已</div>
                    <div class="reply-time-container">
                         <a class="reply-more">回复(16)</a>
                    <div class="reply-time">2017-06-17 23:30</div>
                    </div>
                    <div class="reply-reply">
                        <div class="reply-reply-all">
                            <div class="reply-reply-container">
                                <div class="reply-user-image"></div>
                                <div class="reply-content-container reply-reply-content-container">
                                    <div class="reply-user-name reply-reply-username">lalalallake: </div>
                                    <div class="reply-content reply-reply-content">在自我肯定需求理论之上搭建的社区论坛EDU论坛是我们学习相应知识、理论，交流自己意见观点的自由空间，在这里我们不仅能对已</div>
                                    <div class="reply-time-container">
                                            <a class="reply-more">回复(16)</a>
                                            <div class="reply-time">2017-06-17 23:30</div>
                                        </div>
                                </div>
                            </div>
                        </div>
                        <div class="my-reply">
                            <div class="my-reply-button">
                                <p>我也说一句</p>
                            </div>
                        </div>

                    </div>
                </div>

            </div>




        </div>



        <div>
    </div>



</body>
</html>
